<?xml version="1.0" encoding="UTF-8"?> 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:ui="http://java.sun.com/jsf/facelets"  
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui" >

    <h:outputStylesheet library="css" name="main.css" />
    <h:outputScript library="js" name="jquery-1.6.1.js" target="head"/>
    <h:outputScript library="js" name="nav.js" target="head" />
    <h:outputScript library="js" name="menu.js" target="head" />
    <h:head>
        <title>HighSchoolPortal</title>
    </h:head>
    <h:body>
        <div id="page" >  
            <div id="header">  
                <div id="headerLeft">
                    <h:graphicImage library="pic" name="highschool.jpg"/>
                </div>
                <div id="headerRight">
                    <h1>#{title}</h1>
                </div>
            </div> 

            <div id="nav" class="darkblue">
                <h:form>
                <ul>
                    <li><h:outputLink value="/page/#{userType}/#{userType}_home.jsf">Home</h:outputLink></li>
                    <li><h:outputLink value="/page/#{userType}/#{userType}_userInfo.jsf">User Info</h:outputLink></li>
                    <li id="about">About</li>
                    <li><p:commandLink action="toLogout">Log out</p:commandLink></li>
                </ul>
                </h:form>
            </div>

            <div id="menu" class="cadetblue">
                <h2>Menu</h2>
                <h:form>
                <ul>
                    <li id="line1"><h:outputLink value="/page/#{userType}/#{userType}_courses.jsf">#{line1}</h:outputLink></li>
                    <li id="line2"><h:outputLink value="/page/#{userType}/#{userType}_lessons.jsf">#{line2}</h:outputLink></li>
                    <li id="line3"><h:outputLink value="/page/#{userType}/#{userType}_grades.jsf">#{line3}</h:outputLink></li>
                </ul>
                </h:form>
            </div>

            <div id="content" >  
                <ui:insert name="content">  
                     
                </ui:insert>  
            </div>  
            <div id="footer">  
                <h:form id="dateForm">
                    <h:outputText id="date" value="#{DateTimeUtilityBean.data}"/>
                    <h:commandButton value="Current time" >
                        <f:ajax event="click" render="date"/>
                    </h:commandButton>

                </h:form>
            </div> 
            
        </div>  

            <div class="dropdown" id="about_dropdown"></div>
        
    </h:body>
</html>


